var QuanLyChiTieu = {
    ThemChiTieu: function(button){

        var sotien = $('#txt-sotien');
        if (sotien.val() == ''){
            QuanLyBanHangStatic.changeMessage('Thông báo', 'Vui lòng nhập <b>Số tiền</b>');
            QuanLyBanHangStatic.showMessageBox(true, 3000);
            sotien.effect('highlight', {color: '#ffd5ad'}, 600)
                .effect('highlight', {color: '#ffd5ad'}, 600);
            sotien.focus();
            return;
        }
        var lydo = $('#txt-lydo');
        if (lydo.val() == ''){
            QuanLyBanHangStatic.changeMessage('Thông báo', 'Vui lòng nhập <b>Lý do</b>');
            QuanLyBanHangStatic.showMessageBox(true, 3000);
            lydo.effect('highlight', {color: '#ffd5ad'}, 600)
                .effect('highlight', {color: '#ffd5ad'}, 600);
            lydo.focus();
            return;
        }

        button = $(button);
        button.prop('disabled', true);
        button.find('.fa-loading').show();

        $.post(QuanLyBanHangStatic.baseURL + 'ChiTieu/ThemChiTieu', {sotien: sotien.autoNumeric('get'), lydo: lydo.val()}, function(data){
            QuanLyBanHangStatic.changeMessage('Thông báo', 'Đã lưu vào hệ thống', 'fa-save');
            QuanLyBanHangStatic.showMessageBox(true, 3000);

            button.prop('disabled', false);
            button.find('.fa-loading').hide();
        });


    },
    XemDanhSachChiTieu: function(button){
        var begin = $('#txt-begin');
        if (begin.val() == ''){
            QuanLyBanHangStatic.changeMessage('Thông báo', 'Vui lòng nhập <b>Ngày bắt đầu</b>');
            QuanLyBanHangStatic.showMessageBox(true, 3000);
            begin.effect('highlight', {color: '#ffd5ad'}, 600)
                .effect('highlight', {color: '#ffd5ad'}, 600);
            begin.focus();
            return;
        }

        var end = $('#txt-end');
        if (end.val() == ''){
            QuanLyBanHangStatic.changeMessage('Thông báo', 'Vui lòng nhập <b>Ngày kết thúc</b>');
            QuanLyBanHangStatic.showMessageBox(true, 3000);
            end.effect('highlight', {color: '#ffd5ad'}, 600)
                .effect('highlight', {color: '#ffd5ad'}, 600);
            end.focus();
            return;
        }

        button = $(button);
        button.prop('disabled', true);
        button.find('.fa-loading').show();


        $.post(QuanLyBanHangStatic.baseURL + 'ChiTieu/DanhSachChiTieu', {begin: begin.val(), end: end.val()}, function(data){
            data = JSON.parse(data);
            console.log(data);
            var size = data.length;

            if (size > 0){
                var container = $('#container');
                var defaultRow = container.parent().find('.default-row');

                container.html('');

                var total = 0;
                for (var i = 0; i < size; i++){
                    total += parseFloat(data[i].sotien);

                    var row = defaultRow.clone();
                    row.removeClass('default-row');
                    row.find('.stt').html(i + 1);
                    row.find('.thoigian').html(data[i].thoigian);
                    row.find('.sotien').html(QuanLyBanHangStatic.numberWithCommas(data[i].sotien) + ' đồng');
                    row.find('.lydochi').html(data[i].lydo);
                    row.appendTo(container).show();
                }

                var totalRow = defaultRow.parent().find('.total-row').clone();
                totalRow.find('.total').html(QuanLyBanHangStatic.numberWithCommas(total) + ' đồng');
                totalRow.appendTo(container).show();

                container.effect('highlight', {color: '#ffd5ad'}, 600)
                    .effect('highlight', {color: '#ffd5ad'}, 600);
            } else{
                QuanLyBanHangStatic.changeMessage('Thông báo', 'Không có chi tiêu trong khoảng thời gian này');
                QuanLyBanHangStatic.showMessageBox(true, 3000);
            }

            button.prop('disabled', false);
            button.find('.fa-loading').hide();
        });

    }
};